<!DOCTYPE html>

<html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>登录</title>
<link rel="stylesheet" href="css/layui.css" media="all" />
<link rel="stylesheet" href="css/login.css" />
</head>

<body class="beg-login-bg">
	<div class="beg-login-box">
		<header>
			<h1>后台登录</h1>
		</header>
		<div class="beg-login-main">
			<form action="" class="layui-form" method="post">
				<input name="clientId" type="hidden"
					value="098f6bcd4621d373cade4e832627b4f6" />
				<div class="layui-form-item">
					<label class="beg-login-icon"> <i class="layui-icon">&#xe612;</i>
					</label> <input type="text" name="username" lay-verify="username"
						autocomplete="off" placeholder="这里输入登录名" class="layui-input">
				</div>
				<div class="layui-form-item">
					<label class="beg-login-icon"> <i class="layui-icon">&#xe642;</i>
					</label> <input type="password" name="password" lay-verify="password"
						autocomplete="off" placeholder="这里输入密码" class="layui-input">
				</div>
				<div class="layui-form-item">
					<div class="beg-pull-left beg-login-remember">
						<label>记住帐号？</label> <input type="checkbox" name="rememberMe"
							value="true" lay-skin="switch" checked title="记住帐号">
					</div>
					<div class="beg-pull-right">
						<button class="layui-btn layui-btn-primary" lay-submit
							lay-filter="login">
							<i class="layui-icon">&#xe650;</i> 登录
						</button>
					</div>
					<div class="beg-clear"></div>
				</div>
			</form>
		</div>
	</div>
	<script type="text/javascript" src="layui.js"></script>
	<script>
			layui.use([ 'layer', 'form' ], function() {
				var layer = layui.layer, $ = layui.jquery, form = layui.form();
				//自定义验证规则  
				form.verify({
					username : function(value) {
						if (value.length < 1) {
							return '请输入用户名';
						}
					},
					password : function(value) {
						if (value.length < 1) {
							return '请输入密码';
						}
					}
				});
				form.on('submit(login)', function(data) {
					submit($,data.field);
					return false;
				});
				//提交
				function submit($,params){
		            $.ajax({
                        url: '/back/oauth/token',
                        type: 'post',
                        data: params,
                        dataType: "json",
                        success: function (res) {
                        	var status = res.status;
                        	if(0 == status) {
                        		location.href = '/admin/index';
                        	} else {
                        		layer.msg(res.msg);
                        	}
                        }
                    });
                    //这里可以写ajax方法提交表单
                    return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
		        }
			});
		</script>
</body>

</html>